<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Accordion Visual Test : Accordion ticket #4322</title>
	<link rel="stylesheet" href="../visual.css" type="text/css" />
	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
	<script type="text/javascript" src="../../../jquery-1.7.1.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="../../../ui/jquery.ui.accordion.js"></script>
	<style>
		p {margin: .5em 0;}
	</style>
	<script type="text/javascript">
	$(function() {
		$("#accordion1, #accordion2").accordion();
	})
	</script>
</head>
<body>

<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4322">#4322 - Accordion going smaller and smaller in IE 6</a></h1>

  <div id="accordion1" style="width:200px">
  	<h3><a href="#">Section 1</a></h3>
  	<div>
  	
  		<p>
  		Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
  		ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
  		amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
  		odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
  		</p>
  	</div>
  	<h3><a href="#">Section 2</a></h3>
  	<div>
  		<p>
  		Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
  		purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
  		velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
  		suscipit faucibus urna.
  		</p>
  	</div>  
  </div>
  
  content below

  <div id="accordion2">
  	<h3><a href="#">Section 1</a></h3>
  	<div>
  	
  		<p>
  		Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
  		ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
  		amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
  		odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
  		</p>
  	</div>
  	<h3><a href="#">Section 2</a></h3>
  	<div>
  		<p>
  		Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
  		purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
  		velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
  		suscipit faucibus urna.
  		</p>
  	</div>  
  </div>
  
  content below


</body>
</html>
